<template>
	<div id="main-menu" role="navigation">
				<div id="main-menu-inner">
						<div class="menu-content top" id="menu-content-demo">
				<!-- Menu custom content demo
					 CSS:        styles/pixel-admin-less/demo.less or styles/pixel-admin-scss/_demo.scss
					 Javascript: html/assets/demo/demo.js
				 -->
				<div>
					<div class="text-bg"><span class="text-slim">Welcome,</span> <span class="text-semibold">John</span></div>

					<img src="assets/demo/avatars/1.jpg" alt="" class="">
					<div class="btn-group">
						<a href="#" class="btn btn-xs btn-primary btn-outline dark"><i class="fa fa-envelope"></i></a>
						<a href="#" class="btn btn-xs btn-primary btn-outline dark"><i class="fa fa-user"></i></a>
						<a href="#" class="btn btn-xs btn-primary btn-outline dark"><i class="fa fa-cog"></i></a>
						<a href="#" class="btn btn-xs btn-danger btn-outline dark"><i class="fa fa-power-off"></i></a>
					</div>
					<a href="#" class="close">&times;</a>
				</div>
			</div>
			
					<ul class="navigation">
						<li>
					<a href="index.html"><i class="menu-icon fa fa-dashboard"></i><span class="mm-text">仪表盘</span></a>
				</li>
						<li class="mm-dropdown">
					<a href="#"><i class="menu-icon fa fa-desktop"></i><span class="mm-text">UI elements</span></a>
					<ul>
						<li>
							<a tabindex="-1" href="ui-buttons.html"><span class="mm-text">Buttons</span></a>
						</li>
						<li>
							<a tabindex="-1" href="ui-typography.html"><span class="mm-text">Typography</span></a>
						</li>
						<li>
							<a tabindex="-1" href="ui-tabs.html"><span class="mm-text">Tabs &amp; Accordions</span></a>
						</li>
						<li>
							<a tabindex="-1" href="ui-modals.html"><span class="mm-text">Modals</span></a>
						</li> 
					</ul>
				</li>
					<li>
					<a href="stat-panels.html"><i class="menu-icon fa fa-tasks"></i><span class="mm-text">Stat panels</span></a>
				</li>
						<li>
						 	<router-link :to="{name:'productlist'}"><i class="menu-icon fa fa-sitemap"></i><span class="mm-text">商品</span><span class="badge badge-primary">6</span></router-link>
						</li>
						<li>
						 	<router-link :to="{name:'storemap'}"><i class="menu-icon fa fa-sitemap"></i><span class="mm-text">地图</span><span class="badge badge-primary">6</span></router-link>
						</li>
					</ul>
					<!-- / .navigation -->
				</div>
				<!-- / #main-menu-inner -->
			</div> 
            </template>